<!DOCTYPE html>
<html>
<head>
<title>{$eju.field.info.fang_title}{$eju.field.info.ask_title}-问答中心</title>
<meta name="renderer" content="webkit" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui" />
<link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="applicable-device"content="pc">
<link rel="stylesheet" type="text/css" href="{eju:global name='web_templets_pc' /}/skin/css/reset.css">
<link rel="stylesheet" type="text/css" href="{eju:global name='web_templets_pc' /}/skin/css/common.css">
<link rel="stylesheet" type="text/css" href="{eju:global name='web_templets_pc' /}/skin/css/css.css">
{eju:static file="ask/skin/css/ask.css" /}

{eju:static file="/public/static/common/js/jquery.min.js"/}
{eju:static file="/public/plugins/layer-v3.1.0/layer.js"/}
{eju:static file="skin/css/public.css" /}
{eju:static file="ask/skin/css/AskCommonCss.css" /}
{eju:static file="ask/skin/css/add.css" /}
{eju:static file="ask/skin/css/navigation20141112.css" /}
</head>

<body>
<!-- 头部 --> 
{eju:include file="header.htm"/} 
<!-- END -->
<main class="mian-body container">
  <div id="headSecondNav">
    <div class="nav clearfix">
      <div class="nav-left">
        <div class="nav-item"> <a href="{$eju.field.NewDateUrl}" class="item-a">最新问题</a> </div>
        <div class="line"></div>
        <div class="nav-item"> <a href="{$eju.field.HotUrl}" class="item-a">热门问题</a> </div>
        <div class="line"></div>
        <div class="nav-item"> <a href="{$eju.field.SolveUrl}" class="item-a">常见问题</a> </div>
        <div class="line"></div>
      </div>
    </div>
  </div>
  <div class="MainContent">
    <section class="breadcrum">
    </section>
    <div class="content clearfix">
      <section class="main">
        <div class="content clearfix">
          <div class="main">
            <div class="questionArea pb20">
              <h1 class="questionTit" id="AD_askTitle"> {$eju.field.info.ask_title} </h1>
              <div class="questionIntro">
                <div class="intro-part" style="display: block;"> {$eju.field.info.content} </div>
              </div>
              <div class="actBox clearfix">
                <div class="question-from">
                  {eju:notempty name="$eju.field.info.fang_title"}<span>[<a href="{$eju.field.info.fang_arcurl}">{$eju.field.info.fang_title}</a>] </span><span style="padding: 0 8px;">|</span>{/eju:notempty}
                  <span>{$eju.field.info.username}</span> <span style="padding: 0 8px;">|</span>
                  <span>{$eju.field.info.add_time|MyDate="Y-m-d H:i:s",###}</span> <span style="padding: 0 8px;">|</span>
                  <span>浏览次数：<em id="viewnum">{$eju.field.info.click}</em> </span>
                  {eju:notempty name="$eju.field.IsUsers"}
                  <span style="margin:0 8px"> | </span><a href="{$eju.field.EditAskUrl}">编辑</a>
                  {/eju:notempty}
                </div>
       
              </div>
              <div class="clearfix mt20" id="answer_click">
                <a href="javascript:void(0);" class="i-question-btn" id="answer_click_01" onclick="show_answer()">我来回答</a>
                <div class="msgTxt"></div>
              
              </div>
              <div id="answer_edit" class="answer-edit" style="display: none;">
                {eju:empty name="$canAnswer"}
                <div id="container" class="edui-default">
                  <div class="edui-editor edui-default" style="text-indent: 0.5em; height:40px; z-index: 5; border:1px solid #ff6600; padding-top: 6px;">^-^我来说两句，请先
                    <a href="{:url('user/Users/login')}" style="color: red;">登录</a>
                    <em>·</em>
                    <a href="{:url('user/Users/reg')}" style="color: red;">注册</a>
                  </div>
                </div>
                {eju:else/}
                <textarea placeholder="请输入答案" id="ask_content" name="ask_content" ></textarea>
                <a href="javascript:void(0);" class="i-submit-btn"  data-url="{$eju.field.AddAnswerUrl}" onclick="return answer_submit(this);" id="answersubmit">提交回答</a>
                <span id="answer_edit_01" onclick="hide_answer()" class="btn-toggle">收起<i class="btn-upjt btn-downjt"></i> </span>
                {/eju:empty}
                <div class="clear"></div>
              </div>
            </div>
            {eju:static file="/public/plugins/Ueditor/ueditor.config.js"/}
            {eju:static file="/public/plugins/Ueditor/ueditor.all.min.js"/}
            {eju:static file="/public/plugins/Ueditor/lang/zh-cn/zh-cn.js"/}
            <script type="text/javascript">
              function show_answer(){
                  $("#answer_click").hide();
                  $("#answer_edit").show();
              }
              function hide_answer(){
                  $("#answer_click").show();
                  $("#answer_edit").hide();
              }

              window.UEDITOR_HOME_URL = "__ROOT_DIR__/public/plugins/Ueditor/";
              UE.getEditor('ask_content',{
                  serverUrl :"{:url('user/Uploadify/index',array('savepath'=>'weapp'))}",
                  zIndex: 999,
                  initialFrameWidth: "100%", //初化宽度
                  initialFrameHeight: 300, //初化高度
                  focus: false, //初始化时，是否让编辑器获得焦点true或false
                  maximumWords: 99999,
                  removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',//允许的最大字符数 'fullscreen',
                  pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
                  autoHeightEnabled: false,
                  toolbars: [["forecolor", "backcolor", "removeformat", "|", "simpleupload", "unlink"]],
              });

              //必须在提交前渲染编辑器；
              function ask_content() {
                  //判断编辑模式状态:0表示【源代码】HTML视图；1是【设计】视图,即可见即所得；-1表示不可用
                  if(UE.getEditor("ask_content").queryCommandState('source') != 0) {
                      UE.getEditor("ask_content").execCommand('source'); //切换到【设计】视图
                  }
              }
              function answer_submit(obj){
                  if (!UE.getEditor("ask_content").getContent()) {
                      layer.msg('请写下你的回答！', {time: 1500, icon: 2});
                      return false;
                  }
                  var content = UE.getEditor("ask_content").getContent();
                  layer_loading('正在处理');
                  $.ajax({
                      url: $(obj).data('url'),
                      data: {content:content},
                      type:'post',
                      dataType:'json',
                      success:function(res){
                          layer.closeAll();
                          if (1 == res.code) {
                              if (res.data.review) {
                                  var times = 2500;
                              }else{
                                  var times = 1000;
                              }
                              layer.msg(res.msg, {time: times},function(){
                                  window.location.reload();
                              });
                          } else {
                              layer.msg(res.msg, {time: 1500, icon: 2});
                          }
                      },
                      error : function() {
                          layer.closeAll();
                          layer.alert('网络失败，请刷新页面后重试', {icon: 5, closeBtn: 0});
                      }
                  });
              }
            </script>


            <div class="Ans_list">
              <div class="reorder clearfix">
                <a href="{$eju.field.AskDetailsUrl}" {eju:empty name="$eju.get.orderby"}class="cur"{/eju:empty}>默认排序</a> <span>|</span>
                <a href="{$eju.field.AnswerLikeNum}" {eju:eq name="$eju.get.orderby" value="click"}class="cur"{/eju:eq}>按热度</a>
              </div>
              {eju:answer id='field' pagesize='10'}
              <div class="otherAns">
                <h3>回答（共{eju:countlist /}条）</h3>
                {eju:volist name="$field.AnswerData" id="vo"}
                <div class="Ans-area clearfix">
                  <div class="Ans-img">
                    <a href="javascript:;" rel="nofollow">
                      <img src="{$vo.litpic}">
                    </a>
                  </div>
                  <div class="Ans-Intro">
                    <p class="clearfix"> <a href="javascript:;"  class="ans-name" rel="nofollow">{$vo.username}</a> </p>
                    <div class="Ans-text">
                      <div class="Ans-text-part" style="display:block;">{$vo.content}</div>
                    </div>
                    <div class="Ansbtm clearfix">
                      <div class="ansTime floatl">{$vo.add_time|MyDate="Y-m-d H:i:s",###}</div>
                      <div class="comment floatr">
                        <a href="javascript:" class="com_agree"  onclick="replyUser('{$vo.id}','{$vo.users_id}','{$vo.username}','{$vo.id}')">评论(<em>0</em>)</a>
                        <a href="javascript:" class="com_zan"  data-url="{$eju.field.ClickLikeUrl}"  onclick="ClickLike(this, '{$vo.ask_id}', '{$vo.id}')">
                          <em class="likenum">赞(<em id="like_{$vo.id}">{$vo.click_like}</em>)</em>
                          <em class="like">点赞</em>
                        </a>
                        {eju:empty name="$eju.field.info.bestanswer_id"}
                        {eju:notempty name="$eju.field.IsUsers"}
                        <a class="com_agree" data-url="{$eju.field.BestAnswerUrl}" style="color: red;width: 90px;" onclick="BestAnswer(this, '{$vo.id}')">采纳最佳答案</a>
                        {/eju:notempty}
                        {/eju:empty}
                      </div>
                    </div>
                  </div>
                  <div class="secend-huifu">
                    <ul class="secend-ul">
                      <div id="{$vo.id}_ReplyContainer">
                        {eju:volist name="$vo.AnswerSubData" id="vo_sub"}
                          <li class="secend-li" id="{$vo_sub.answer_id}_answer_li">
							<div class="head-secend">
							 <a class="avatar" href="javascript:;">
							 <img src="{$vo_sub.litpic}">
							 </a>
							  <strong>{$vo_sub.username}</strong> <span style="margin:0 10px">|</span> <span>{$vo_sub.add_time|MyDate="Y-m-d H:i:s",###}</span>
							  <div style="flex-grow:1"></div>
							  <!-- 非用户自己作出的回答 -->
							  <span href="javascript:" class="secend-huifu-btn comment">
                                  <a href="javascript:" class="com_agree"  onclick="replyUser('{$vo_sub.answer_pid}','{$vo_sub.users_id}','{$vo_sub.username}','{$vo_sub.answer_id}')">回复</a>
                                  <a href="javascript:" class="com_zan"  data-url="{$eju.field.ClickLikeUrl}"  onclick="ClickLike(this, '{$vo_sub.ask_id}', '{$vo_sub.id}')">
                                    <em class="likenum">赞(<em id="like_{$vo_sub.id}">{$vo_sub.click_like}</em>)</em>
                                    <em class="like" >点赞</em>
                                  </a>
                               </span>
							</div>
							<div class="secend-huifu-text">
                                  {eju:empty name="$vo_sub.at_users_id"}
                                  {$vo_sub.content}
                                  {eju:else/}
                                  回复 @{$vo_sub.at_usersname}: &nbsp; {$vo_sub.content}
                                  {/eju:empty}
							</div>
						  </li>
                        {/eju:volist}
                      </div>
                      <div class="huifu-area">
                        <div id="{$vo.id}_init_ta">
                          <div class="pro_rela">
                            <textarea style="height: 42px" onfocus="initReply('{$vo.id}');" id="{$vo.id}_contentInput" name="content" rows="1" class="pl_text" maxlength="300" deftips="^-^我来说两句......" placeholder="^-^我来说两句......"></textarea>
                            {eju:empty name="$canAnswer"}
                            <p class="login_tips1">请先
                              <a class="org_font" href="{:url('user/Users/login')}">登录</a>
                              <em>·</em>
                              <a class="org_font" href="{:url('user/Users/reg')}">注册</a>
                            </p>
                            {/eju:empty}
                          </div>
                        </div>
                        <form id="{$vo.id}_replyForm">
                          <input type="hidden" id="answer_id" value="{$vo.id}" name="answer_id">
                          <input type="hidden" id="{$vo.id}_at_users_id" value="" name="at_users_id">
                          <input type="hidden" id="{$vo.id}_at_answer_id" value="" name="at_answer_id">
                          <div id="{$vo.id}_ta" style="display: none;">
                            <p>
                              <textarea sdtyle="height: 70px" id="{$vo.id}_i_contentInput" name="content" rows="3" class="pl_text" onfocus="focusTextArea(this);" onblur="blurTextArea(this);" onkeyup="dealInputContentAndSize(this);" maxlength="300" deftips="^-^我来说两句......" placeholder="^-^我来说两句......"></textarea>
                            </p>
                            <p class="mar_t10 text_r">
                              <span class="jiu_font  float_l" id="{$vo.id}_errorMsg" style="color: red;"></span>
                              <a href="javascript:void(0);" class="mar_r10" onclick="unReplyUser('{$vo.id}');">取消</a>
                              <span value="评论" class="editreplaybtn" data-url="{$eju.field.AddAnswerUrl}" onclick="reply('{$vo.id}', this);" style="cursor: pointer">评论</span>
                            </p>
                          </div>
                        </form>
                      </div>
                    </ul>
                  </div>
                  <style>
                    .pl_text {
                      resize: none;
                      width: 100%;
                      height: 60px;
                      border-radius: 4px;
                      font-size: 14px;
                      color:
                              #999;
                      line-height: 25px;
                      padding-top: 9px;
                      padding-left: 20px;
                      box-sizing: border-box;
                      border: 0.5px solid
                      #E6E6E6;
                    }
                  </style>
                </div>
                {/eju:volist}
                <div>
                  <div class="page_list clearfix">
                    <ul class="pagination">
                      {eju:pagelist listitem="pageno,pre,next" listsize="1"/}
                    </ul>
                  </div>
                  <div style='clear: both'></div>
                </div>
              </div>
              {/eju:answer}
            </div>
            <script>
                /**
                 * 评论
                 * @param state
                 * @return
                 */
                function reply(answer_id, obj){
                    if($('#'+answer_id+'_i_contentInput').val()== '' || $('#'+answer_id+'_i_contentInput').val() == '写下你的评论'){
                        $("#"+answer_id+"_errorMsg").text('请输入评论');
                        //输入框内容改变时,清空错误提示
                        $('#'+answer_id+'_i_contentInput').bind('input propertychange',function() {
                            $("#"+answer_id+"_errorMsg").html("");
                        })
                        return;
                    }

                    //提交服务器
                    layer_loading('正在处理');
                    $.ajax({
                        url: $(obj).data('url'),
                        type: 'post',
                        dataType: 'json',
                        data: $('#'+answer_id+'_replyForm').serialize(),
                        success: function(res){
                            layer.closeAll();
                            if (1 == res.code) {
                                layer.msg(res.msg, {time: 1000},function(){
                                    window.location.reload();
                                });
                              /*提示及追加html处理*/
//                                var times = res.data.review ? 2000 : 1000;
//                                if (res.data.htmlcode) $("#"+answer_id+"_ReplyContainer").append(res.data.htmlcode);
//                                unReplyUser(answer_id);
//                                layer.msg(res.msg, {time: times});
                              /* END */
                            } else {
                                layer.msg(res.msg, {time: 1500, icon: 2});
                            }
                        },
                        error : function() {
                            layer.closeAll();
                            layer.alert('网络失败，请刷新页面后重试', {icon: 5});
                        }
                    });
                }
                //回复回答--跳转到
                function replyUser(answer_id, at_users_id, at_username, at_answer_id){
                    $("#"+answer_id+"_at_users_id").val(at_users_id);
                    $("#"+answer_id+"_at_answer_id").val(at_answer_id);

                    var showObj = $("#"+answer_id+"_contentInput");
                    var inputObj = $("#"+answer_id+"_i_contentInput");
                    showObj.attr("placeholder","回复 "+at_username+ "：");
                    inputObj.attr("placeholder","回复 "+at_username+ "：");
                    inputObj.val("");
                    showObj.val("");

                    var showContainer =  $("#"+answer_id+"_init_ta");
                    showContainer.hide();
                    var inputContainer = $("#"+answer_id+"_ta").val("");
                    inputContainer.show();
                    inputObj.focus();
                }
                /**
                 * 取消回复
                 * @param state
                 * @return
                 */
                function unReplyUser(answer_id){
                    $("#"+answer_id+"_at_users_id").val("");
                    $("#"+answer_id+"_at_answer_id").val("");

                    var showObj = $("#"+answer_id+"_contentInput");
                    var inputObj = $("#"+answer_id+"_i_contentInput");
                    showObj.attr("placeholder",showObj.attr("defTips"));
                    inputObj.attr("placeholder",inputObj.attr("defTips"));
                    inputObj.val("");
                    showObj.val("");

                    $("#"+answer_id+"_init_ta").show();
                    $("#"+answer_id+"_ta").val("").hide();
                }
                function focusTextArea(obj){
                    _obj = $(obj);
                    if(_obj.val()==_obj.attr("defTips")){
                        _obj.val("");
                        //$("#numSpan").html(0);
                    }
                }

                function blurTextArea(obj){
                    _obj = $(obj);
                    if(_obj.val()=='')
                        _obj.attr("placeholder",_obj.attr("defTips"));
                    else
                        dealInputContentAndSize(obj);
                }
                function initReply(cid){
                    $("#"+cid+"_init_ta").hide();
                    $("#"+cid+"_ta").val("").show();
                    $("#"+cid+"_ta #"+cid+"_i_contentInput").focus();//设置光标位置
                    $("#"+cid+"_ta #"+cid+"_errorMsg").html("");//隐藏回复错误提示
                }
                /**
                 * 对输入框限制的内容与字数处理
                 * @param obj
                 * @return
                 */
                function dealInputContentAndSize(obj){
                    var _obj = $(obj);
                    str = _obj.val();
                    var maxLength=_obj.attr("maxlength");

                    var returnValue = '';
                    var count = 0;
                    var temp = 0;
                    for (var i = 0; i < str.length; i++) {
                        count += 1;
                        temp = 1;
                        if (count > maxLength) {
                            count -= temp;
                            break;
                        }
                        returnValue += str[i];
                    }
                    _obj.val(returnValue);
                }
                // 点赞
                function ClickLike(obj, ask_id, answer_id) {
                    if ($(obj).attr('data-is_like')) {
                        layer.msg('您已赞过！', {time: 1500});
                        return false;
                    }
                    $.ajax({
                        url: $(obj).data('url'),
                        type: 'POST',
                        dataType: 'json',
                        data: {ask_id:ask_id,answer_id:answer_id},
                        success: function(res) {
                            if (1 == res.code) {
                                // 设置当前用户已点赞过，用户再次点击则不需要执行ajax
                                $(obj).attr('data-is_like', true);
                                $("#like_"+answer_id).html(res.data.LikeCount);
                            } else {
                                layer.msg(res.msg, {time: 1500});
                            }

                        }
                    });
                }
                //采纳为最佳答案
                function BestAnswer(obj, answer_id) {
                    if (!answer_id) layer.msg('请选择采纳的回答！', {time: 1500, icon: 2});
                    //提交服务器
                    layer_loading('正在处理');
                    $.ajax({
                        url: $(obj).data('url'),
                        type: 'post',
                        dataType: 'json',
                        data: {answer_id:answer_id},
                        success: function(res){
                            layer.closeAll();
                            if (1 == res.code) {
                                layer.msg(res.msg, {time: 1000},function(){
                                    window.location.reload();
                                });
                            } else {
                                layer.msg(res.msg, {time: 1500, icon: 2});
                            }
                        },
                        error : function() {
                            layer.closeAll();
                            layer.alert('网络失败，请刷新页面后重试', {icon: 5});
                        }
                    });
                }
                // 加载层
                function layer_loading(msg){
                    var loading = layer.msg(
                        msg+'...&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请勿刷新页面',
                        {
                            icon: 1,
                            time: 3600000, //1小时后后自动关闭
                            shade: [0.2] //0.1透明度的白色背景
                        });
                    //loading层
                    var index = layer.load(3, {
                        shade: [0.1,'#fff'] //0.1透明度的白色背景
                    });

                    return loading;
                }
            </script>


          </div>
        </div>
        <script src="{eju:global name='web_templets_pc' /}/ask/skin/js/roller.js" type="text/javascript"></script>
        <script src="{eju:global name='web_templets_pc' /}/ask/skin/js/pagebar.js" type="text/javascript"></script> 
        <script type="text/javascript" src="{eju:global name='web_templets_pc' /}/ask/skin/js/clickm.js"></script> 
        <script type="text/javascript">
                        Clickstat.eventAdd(window, 'load', function (e) {
                            Clickstat.batchEvent('askxq_', '');
                        });
                        //相关知识加滚动条
                        $("#zhidhidiv").niceScroll("#scroll3",{
                            cursorcolor:"#CCCCCC",  
                            autohidemode:false, 
                        });
                        // 相关问题加滚动条
                        $("#wentidiv").niceScroll("#scroll4",{
                            cursorcolor:"#CCCCCC",   
                            autohidemode:false, 
                        });
                    </script> 
        <script type="text/javascript" charset="utf-8" src="{eju:global name='web_templets_pc' /}/ask/skin/js/highcharts.js"></script> 
      </section>
      <div class="sidebar clearfix">
        <div id="askrightloginBox" style="">
          <div id="asklist_C08_01" class="loginBox">
            <ul class="clearfix" id="numberrow">
              <li>
                <div class="numWrap" style="top: -80px;">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
              <li>
                <div class="numWrap" style="top: -200px;">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
              <li>
                <div class="numWrap" style="top: -160px;">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
              <li>
                <div class="numWrap" style="top: -80px;">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
              <li>
                <div class="numWrap">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
              <li>
                <div class="numWrap" style="top: -360px;">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
              <li>
                <div class="numWrap" style="top: -120px;">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
              <li style="margin: 0;">
                <div class="numWrap" style="top: -242.4px;">
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                  <div class="num-item">0</div>
                  <div class="num-item">1</div>
                  <div class="num-item">2</div>
                  <div class="num-item">3</div>
                  <div class="num-item">4</div>
                  <div class="num-item">5</div>
                  <div class="num-item">6</div>
                  <div class="num-item">7</div>
                  <div class="num-item">8</div>
                  <div class="num-item">9</div>
                </div>
              </li>
            </ul>
            <p>位提问人正在寻找答案</p>
            <a class="i-l-ask" href="javascript:void(0);" onclick="show_answer()">我来回答</a> </div>
        </div>
        <div class="jp-zhishi">
          <div>
            <h3>热门问答</h3>
            <ul class="jp-list">
              {eju:ask id="field1" click='1' answer="off" pagesize='10'}
              {eju:volist name="$field1.AskData" id="vo"}
              <li><a href="{$vo.AskUrl}" target="_blank">{$vo.ask_title}</a></li>
              {/eju:volist}
              {/eju:ask}
            </ul>
          </div>
        </div>
      </div>

    </div>
  </div>
</main>
{eju:include file="footer.htm"/}
</body>
</html>